<template>
  <div>
    <a
      @click.prevent="$emit('update:step', k)"
      :class="{ active: step >= k }"
      v-for="(v, k) in btns"
      :key="k"
      href="#"
      >{{ v }}</a>
  </div>
</template>

<script>
export default {
  // 组件名称
  name: "demo",
  // 组件参数 接收来自父组件的数据
  props: {
      step:{
          default:0
      },
      btns:{
          required:true,
          type:Array
      }
  },
  // 局部注册的组件
  components: {},
  // 组件状态值
  data() {
    return {};
  },
  // 计算属性
  computed: {},
  // 侦听器
  watch: {},
  // 组件方法
  methods: {},

  created() {},

  mounted() {},

  updated() {},
};
</script>

<style scoped>
a{
    padding-right: 10px;
}
.active{
    color: green;
}
</style>
